
{literal}
<style type="text/css">
h1 { color:#494949;display:block;font-size:25px;font-weight:bold;line-height:1.1;margin:0;padding:0 0 30px;word-wrap:break-word; }

/* form */
.item { margin:15px 0;zoom:1; }
label { display: inline-block; float:left; margin-right: 15px; text-align: right; width: 60px; font-size: 14px; line-height: 30px; vertical-align: baseline }
.remember { cursor: pointer; font-size: 12px; display: inline; width: auto; text-align: left; float: none; margin: 0; color: #666 }
.item-captcha input,
.basic-input { width: 200px; padding: 5px; height: 30px; font-size: 14px;vertical-align:middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #c9c9c9 }
.item-captcha input:focus,
.basic-input:focus { border: 1px solid #a9a9a9 }
.item-captcha input { width:100px; }
.item-captcha .pl { color:#666; }
.btn-submit { cursor: pointer;color: #ffffff;background: #659bb5; border: 1px solid #659bb5; font-size: 14px; font-weight: bold; padding:6px 26px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *width: 100px;*height:30px; }

#item-error { padding-left:75px; }
.captcha-item span.validate-error { padding-left: 10px; background: url(http://img3.douban.com/pics/icon/tips_arrow.gif) no-repeat left -51px ; display: none }
.captcha-img { margin: 2px 6px 0 0; vertical-align: top }
.captcha-item label { height: 90px }
.captcha-item .basic-input { width: 95px }
.captcha-item { zoom: 1 }
</style>
<script language="javascript">
		 function fleshVerify(){
			//重载验证码
			    var timenow = new Date().getTime();
			    document.getElementById('verifyImg').src= '/member/createvaild/?'+timenow;
			}
            </script>
{/literal}


 <div id="content">
    


    <div class="grid-16-8 clearfix">
        
        <div class="article">
    <form name="lzform" name="" method="post" action="/member/register">
       <div class="item extra-tips">
            <label>帐号</label>
            <input id="name" name="username" type="text"
            class="basic-input" maxlength="15" tabindex="3" value=""/>
        </div>
        <div class="suggestion">
            <div id="email_suggestion"></div>
        </div>
        <div class="item extra-tips">
            <label>密码</label>
            <input id="password" name="password" type="password" class="basic-input" tabindex="2" maxlength="20"/>
        </div>
         <div class="item extra-tips">
            <label>邮箱</label>
            <input id="email" name="email" type="email" class="basic-input" maxlength="60" tabindex="1" value=""/>
        </div>
        
        
        <div class="item captcha-item">
            <label>验证码</label>
            <p><img src="/member/createVaild" id="verifyImg" class="captcha-img"/><span class="tips">看不清？<a href="#" id="cap_resend" onclick="fleshVerify()">换一个</a></span></p>
            <input type="text" name="verifyCode" class="basic-input captcha" id="captcha" tabindex="4" maxlength="10"/>
            <span class="validate-error" id="frm_error"></span>
        </div>
       
        <div class="item-submit">
            <label>&nbsp;</label>
            <input type="submit" value="注册"  id="button" class="btn-submit disabled" tabindex="6" title="阅读并同意豆瓣的《使用协议》方可注册。"/>
        </div>
    </form>
</div>
        <div class="aside">
            
<p class="pl">&gt; 已经拥有帐号? <a rel="nofollow" href="/member/login">直接登录</a></p>


        </div>
        <div class="extra">
            
        </div>
    </div>
    </div>
